p {
  -webkit-margin-before: 10px;
  -webkit-margin-after: 10px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  clear: both;
}

.three_words_box {
  @media (min-width: 992px) {
    padding: 0 125px;
  }
}

.dashed {
  border-bottom: 1px dashed #ccc
}

.solid {
  border-bottom: 1px solid #ccc
}

.filter {
  .active {
    background-color: #f36119;
    color: #fff;
    padding: 3px 5px;
  }

  .active:hover {
    color: #fff !important;
  }

  a {
    display: inline-block;
    margin: 3px 0;
  }
  select, input {
    margin: 3px 0;
    display: inline-block
  }

  select {
    margin-left: 20px
  }
}

.help_list {
  min-height: 300px;
dt{
position: relative;
}
  .help_one {
    margin-top: 20px;
    list-style: none;
    .help_title {
      position: absolute;
      margin-top: -68px;
      width: 100%;
      height: 68px;
      line-height: 30px;
      color: #fff;
      text-align: center;
      _visibility: visible;
      font-size: 18px;
      font-weight: normal;
    }
    .help_title_cav {
      position: absolute;
      margin-top: -140px;

      width: 100%;
      height: 140px;
      line-height: 30px;
      color: #fff;
      text-align: center;

      _visibility: visible;
      background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
    }

    .help_img:hover {
      .help_title_cav {
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
      }
    }
  }

  .help_publish {
    dl {
      border: 1px solid #ccc;
      width: 256px;
      dd {
        a {
          float: none;
          height: 40px;
          line-height: 40px;
          display: inline-block;
          color: #f36119;
        }
      }
    }
  }

  .help_attend {
    dl {
      //border: 1px solid #ccc;
      dd {
        .help_attend_action a {
          float: none;
          height: 40px;
          line-height: 40px;
          display: inline-block;
          color: #f36119;
        }
      }
    }
  }
  .help_snapshot {
    dl {
      border: 1px solid #ccc;
      dd {

        .help_snapshot_action a {
          float: none;
          height: 40px;
          line-height: 40px;
          display: inline-block;
          color: #9f9f9f;
          font-size: 16px;
        }
      }

    }

  }
}

.help_h {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ccc;
  h2 {
    background-color: #f36119;
    padding: 11px 20px;
    color: #fff
  }
  a {
    padding: 8px 20px;
    color: #000;
    font-size: 1.4em;
  }
  a.active {
    background-color: #f36119;
    color: #fff
  }
  a.active:hover {
    color: #fff !important;
  }
  .ask_btn {
    line-height: 45px;
    margin-right: 15px;
    color: #f36119;
    padding: 0;
    font-size: 14px;
  }
}

.ask_for_help {
  .area {
    select {
      width: auto;
      display: inline-block;
      margin-top: 3px;
    }

  }
  .tip {
    font-size: 13px;
    color: #a0a0a0;
    display: block;
    height: 34px;
    line-height: 34px;
  }
}

.btn-primary {
  color: #ffffff;
  background-color: #f36119;
  border-color: #f36119;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #f58220;
  border-color: #f58220;
}

@media (min-width: 992px) {
  .col-ten-1 {
    width: 10%;
  }

  .col-ten-2 {
    width: 20%;
  }

  .col-ten-3 {
    width: 30%;
  }

  .col-ten-4 {
    width: 40%;
  }

  .col-ten-5 {
    width: 50%;
  }

  .col-ten-6 {
    width: 60%;
  }

  .col-ten-7 {
    width: 70%;
  }

  .col-ten-8 {
    width: 80%;
  }

  .col-ten-9 {
    width: 90%;
  }

  .col-ten-10 {
    width: 100%;
  }

  .col-ten-1, .col-ten-2, .col-ten-3, .col-ten-4, .col-ten-5, .col-ten-6, .col-ten-7, .col-ten-8, .col-ten-9, .col-ten-10 {
    float: left;
  }
}

.col-ten-1, .col-ten-2, .col-ten-3, .col-ten-4, .col-ten-5, .col-ten-6, .col-ten-7, .col-ten-8, .col-ten-9, .col-ten-10 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 470px) {
  .help_detail {
    img {
      width: 100%;
    }
  }

  .visible_xxs {
    display: inline-block !important;
  }

  .hidden_xss {
    display: none !important;
  }

}

.vertical_middle {
  display: table-cell;
  vertical-align: middle;
  height: 170px;
  float: none
}

.help_detail {
  border: 1px solid #ccc;
  margin-top: 20px;
  min-height: 190px;
  .help_detail_info {
    .help_detail_title {
      font-size: 29px;
      color: #f36119
    }
    .help_detail_label {
      color: #9f9f9f;
      font-size: 16px;

    }
    .help_detail_content {
      color: #000;
      font-size: 16px;
      margin-right: 20px;
    }
  }
  .div {
    height: 35px;
    line-height: 35px;
  }

}

.help_sign {
  border: 1px solid #eaeaea;
  width: 227px;
  height: 100px;
  color: #000;
  margin-right: 25px;
  float: left;
  margin-top: 5px;
  .help_sign_username {
    font-size: 20px;
    color: #f36119;
  }
  > div {
    padding-left: 10px;
    .count {
      color: #f36119;
    }
  }

}

.help_sign_hide {
  border: 1px solid #eaeaea;
  width: 105px;
  height: 100px;
  text-align: center;
  color: #ccc;
  margin-right: 25px;
  float: left;
  margin-top: 5px;
}

.help_production {
  .help_production_info {
    font-size: 16px;
    color: #000;
    margin-top: 10px;
  }
}

.help_type, .help_sex {
  label {
    margin-right: 10px;
  }
}

.analog_select {
  position: absolute;
  width: 100px;
  height: 100px;
  z-index: 999;
  margin-left: -100px;
  margin-top: 35px;
  border: 1px solid #ccc;
  background: #fff;
  overflow-y: scroll;
  a {
    width: 81px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    margin: 0;
  }
  a:hover {
    background: #eee;
  }
}

.publish_btn {
  a:hover {
    color: #fff !important;
  }
}

.publish_right {
  margin-top: 27px;

}

.publish_right_label {
  font-size: 20px;
  color: #000;
  margin-left: 15px;
}

#add_video {
  margin-left: 5px;
  &:hover {
    color: #fff !important;
  }
}

.publish_work_image_list {
  .img-list {
    li {
      float: left;
      margin: 10px;
      width: 80px;
      height: 80px;
      cursor: pointer;
      position: relative;
    }
    .del {
      background: rgba(0, 0, 0, 0.7);
      color: #fff;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 80px;
      height: 22px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
    }
    .load {
      padding: 30px;
    }
  }
}

.action a:hover {
  background: #FFF5FF
}

.accept_btn_div {
  position: absolute;
  margin-top: 99px;
  margin-left: -1px;
  background: #fff;
  z-index: 999;
  width: 227px;
  border: 1px solid #f58220;
  padding: 5px 0;
  display: none;
  border-top: 0;
  a:hover {
    color: #fff !important;
  }
}

/* star */
.star {
  position: relative;
  width: 300px;
  margin: 20px 0;
  height: 24px;
}

.star ul, .star span {
  float: left;
  display: inline;
  height: 19px;
  line-height: 19px;
}

.star ul {
  margin: 0 10px;
  list-style: none
}

.star li {
  float: left;
  width: 24px;
  cursor: pointer;
  text-indent: -9999px;
  background: url(../images/star.png) no-repeat;
}

.star strong {
  color: #f60;
  padding-left: 10px;
}

.star li.on {
  background-position: 0 -28px;
}

.star p {
  position: absolute;
  top: 20px;
  width: 159px;
  height: 60px;
  display: none;
  background: url(../images/icon.gif) no-repeat;
  padding: 7px 10px 0;
}

.star p em {
  color: #f60;
  display: block;
  font-style: normal;
}

/*star end*/

.evaluate_list {
  a {
    color: #f36119 !important;
  }

  .icon {
    background: url(../images/evaluate.png) no-repeat 1000px 1000px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
  }
  .icon-good {
    background-position: 0 -51px;
  }
  .icon-middle {
    background-position: 0 -34px;
  }
  .icon-bad {
    background-position: 0 -17px;
  }
}

.thumbs {
  width: 25px;
  height: 20px;
  display: block;
  margin-top: 20px;
}

.thumbs_up {
  background: url("../images/thumb.png");
  background-position: 0px -26px
}

.thumbs_up:hover {
  background: url("../images/thumb.png");
  background-position: 0px 0;
}

.thumbs_down {
  background: url("../images/thumb.png");
  background-position: -27px -26px;
}

.thumbs_down:hover {
  background: url("../images/thumb.png");
  background-position: -27px 0;
}
.support_count,.oppose_count{
  font-size: 18px;
}
